<template>
  <CloudDropdown>
    <CloudMenu slot="overlay" @click="handleMenuClick">
      <CloudMenuItem key="1"> <CloudIcon type="user" />1st menu item </CloudMenuItem>
      <CloudMenuItem key="2"> <CloudIcon type="user" />2nd menu item </CloudMenuItem>
      <CloudMenuItem key="3"> <CloudIcon type="user" />3rd item </CloudMenuItem>
    </CloudMenu>
    <CloudButton type="cloud"> Button <CloudIcon type="down" /> </CloudButton>
  </CloudDropdown>
</template>

<script>
  export default {
    title: '1.基础用法',
    data () {
      return {
      }
    },
    methods: {
      handleMenuClick ({ item, key, keyPath }) {
        this.$cloudMessage.success(key);
      }
    }
  }
</script>

<style lang="scss">
</style>